<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css" href="css/cart.css">
<link rel="stylesheet" type="text/css" href="css/iconfont.css">

<title>管理联系人</title>
</head>

<body class="main" id="main">

<header id="login-head" class="login-head">
	<div class="head-left"><a href="javascript:;" onclick="history.back(-1)"><i></i></a></div>
    <div class="head-middle querendingdan">联系人</div>
</header>
<div class="head-bg"></div>

<article style="padding-bottom:7.562em;">
	<div class="edit-layoutCon">
		<dl class="lianxiLIst" >
			<dd class="">
				<div class="edit-top">
					<span><i class="iconfont icon-geren1"></i><span>张三</span></span>
					<span><i class="iconfont icon-shouji1"></i><span>15022228888</span></span>
					<span><i class="iconfont icon-qq4"></i><span>88888888</span></span>
				</div>
				<div class="edit-bot">
					<div class="Rounds Round-bg"></div>设为默认
					<div class="eidt_btn buy-del">
						删除
					</div>
					<div class="eidt_btn lianxi-edit">
						<a href="lianxi_edit.html">编辑</a>
					</div>
				</div>
			</dd>
		</dl>
		<dl class="lianxiLIst">
			<dd class="">
				<div class="edit-top">
					<span><i class="iconfont icon-geren1"></i><span>张三</span></span>
					<span><i class="iconfont icon-shouji1"></i><span>15022228888</span></span>
					<span><i class="iconfont icon-qq4"></i><span>88888888</span></span>
				</div>
				<div class="edit-bot">
					<div class="Rounds"></div>设为默认
					<div class="eidt_btn buy-del">
						删除
					</div>
					<div class="eidt_btn lianxi-edit">
						编辑
					</div>
				</div>
			</dd>
		</dl>
	</div>
</article>
<div class="Settlement detelebuy clearfix" style="display:none;" >
	<div class="detelebuy-box">
		<div><div><div class="Round RoundLay"></div>全选</div></div>
		<a href="javascript:;" class="sublit Invalid-btn">清理失效</a>
		<a href="javascript:;" class="subbuy">删除</a>
	</div>
</div>

<footer id="edit-footer" class="clearfix">
	<a href="lianxi_add.html">新增联系人</a>
</footer>
<div id="gotop"></div>
<!--弹出删除框-->
<aside id="del">
    <div id="pop-bg">
        <div class="dele-edit">
            <p>确定删除此联系人吗？</p>
            <p><span class="cancel-btn">取消</span><span class="delete-btn">确定</span></p>
        </div>
	</div>
</aside>


<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/gotop.js"></script>
<script>
$(document).ready(function(){
	//删除商品
	var that;
	$('.buy-del').click(function(){
		$('#del').show();
		that = $(this);
	})

	$('.cancel-btn').on('click',function(){
		$('#del').hide();
	})
	$('.delete-btn').on('click',function(){
        that.parent().parent().remove();
		$('#del').hide();
	})

});
</script>
<script>
    $(document).ready(function(){
		$(".Rounds").each(function (index) {


			$(this).click(function () {
				$(".Rounds").each(function () {
					$(this).removeClass('Round-bg');
				})
				$(this).addClass('Round-bg');
			})
		})

    })
</script>
</body>
</html>
